#briefCenter{
    background: #f3f6fb;
    width: calc(~"100% - 200px");
    overflow: hidden;
    padding: 25px 40px;
    .brief_center_content{
        width: calc(~"100% - 150px");
        position: relative;
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0px 0px 5px #ddd;
        padding: 20px 75px;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        .brief_center_title{
            font-size: 18px;
            color: #000;
            text-align: left;
            font-weight: normal;
            margin-bottom: 30px;
            width: 100%;
        }
        .createBrief{
            position: absolute;
            right: 75px;
            top: 50px;
            width: 80px;
            height: 24px;
            padding-left: 15px;
            padding-top: 6px;
            border: 1px solid #44a6ff;
            color: #fff;
            background: #44a6ff;
            z-index: 99;
            font-size: 12px;
        }
        ul.brief_center_template{
            width: 100%;
            list-style: none;
            padding-left: 20px;
            li{
                float: left;
                width: 202px;
                min-width: 200px;
                height: 270px;
                border: 1px solid #d7e5fa;
                border-radius: 6px;
                margin: 0 20px 40px 0;
                text-align: center;
                position: relative;
                overflow: hidden;
                .defaultIdentification{
                    position: absolute;
                    // width: 48px;
                    // height: 48px;
                    // display: inline-block;
                    // background: #44a6ff;
                    color: #fff;
                    // line-height: 48px;
                    text-align: center;
                    font-size: 12px;
                    left: 0;
                    top: 0;
                    width: 0;
                    height: 0;
                    border-top: 48px solid #44a6ff;
                    border-right: 48px solid transparent;
                    // transform: rotate(-45deg);
                    span{
                        position: absolute;
                        left: -2px;
                        top: -42px;
                        width: 40px;
                        transform: rotate(-45deg);
                    }
                }
                h4{
                    text-align: center;
                    font-size: 14px;
                    font-weight: normal;
                    color: #333;
                    margin-top: 30px;
                }
                span.defaultTemplate, span.template{
                    margin-top: 20px;
                    width: 100px;
                    height: 96px;
                    display: inline-block;
                    background: url("../images/template1.png") no-repeat;
                }
                span.defaultTemplate{
                    background: url("../images/template2.png") no-repeat;
                }
                .btnGroup{
                    position: absolute;
                    bottom: 15px;
                    text-align: center;
                    display: flex;
                    padding: 0 15px;
                    .el-button{
                        height: 24px;
                        font-size: 12px;
                        padding-top: 6px;
                        margin-left: 6px;
                    }
                    .defaultBtn{
                        width: 80px;
                        padding-left: 15px;
                        margin-left: 0;
                        border: 1px solid #44a6ff;
                        background: #44a6ff;
                        color: #fff;
                    }
                    .setdefaultBtn{
                        width: 80px;
                        padding-left: 15px;
                        margin-left: 0;
                        border: 1px solid #44a6ff;
                        color: #44a6ff;
                    }
                    .setdefaultBtn:hover{
                        background: rgba(68, 166, 255, 0.2);
                    }
                    .editBtn{
                        border: 1px solid #32d093;
                        color: #32d093;
                        width: 40px;
                        padding-left: 7px;
                    }
                    .editBtn:hover{
                        background: rgba(50, 208, 147, 0.2);
                    }
                    .deleteBtn{
                        border: 1px solid #fe6767;
                        color: #fe6767;
                        width: 40px;
                        padding-left: 7px;
                    }
                    .deleteBtn:hover{
                        background: rgba(254, 103, 103, 0.2);
                    }
                }
            }
            li:hover{
                box-shadow: 0px 0px 5px 5px rgba(144,203,254,0.4);
                border-color: #90cbfe;
                cursor: pointer;
            }
        }
    }
}